/****全局选项卡布局***/

@charset "utf-8";
@import "varibles";
.ca-tab-title {
    float: left;
    border-right: #dbe3e7 1px solid;
    ul {
        height: 53px;
        li {
            line-height: 53px;
            height: 53px;
            border-left: #dbe3e7 1px solid;
            float: left;
            font-size: $caFontSize16;
            padding: 0 30px;
            background: $caBgColorLightGray;
            cursor: pointer;
        }
        li.on {
            color: $caColorBlack;
            background: $caBgColorWhite;
            position: relative;
            top: 1px;
            border-top: $caColorRed 4px solid;
        }
    }
}

//覆盖饿了么选项卡样式
.ca-tabs .el-tabs__content {
    padding: 0;
}

.ca-tabs {
    border: none;
    background: none;
    box-shadow: none
}

.ca-tabs .el-tabs__header {
    border: #dbe3ea 1px solid;
    background: #ececec
}

.ca-tabs .el-tabs__item {
    height: 50px;
    line-height: 50px;
    padding: 0 30px!important;
    font-size: 16px;
}

.ca-tabs .el-tabs__item.is-active {
    color: rgb(1, 128, 205);
}

.ca-tabs .el-tabs__item.is-active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: rgb(1, 128, 205);
}

.ca-tabs .el-tabs__active-bar {
    background: none;
}


/***替换饿了么选项卡结束**/

.ca-tab-content-title {
    /**页面中出现的选项卡**/
    height: 50px;
    border-bottom: #dce4eb 2px solid;
    ul {
        float: left;
        li {
            line-height: 49px;
            height: 49px;
            border: $caBgColorLightGray 1px solid;
            border-bottom: none;
            float: left;
            font-size: 16px;
            padding: 0 40px;
            background: $caBgColorLightGray;
            cursor: pointer;
        }
        li.on {
            color: $caBgColorWhite;
            background: $caBgColorBlue;
            border: $caBgColorBlue 1px solid;
            position: relative;
            top: 0;
        }
    }
}
.ca-btn-switch{background: none;border:none}
.el-tabs__item.is-disabled {
    cursor: not-allowed;
}
.ca-tabs .el-radio-button__inner{
    background-color: #ecf6ff;
    border-radius: 3px;
    color: #1a85e1;
    width: 84px;
    border: none;
    height: 32px;
    font-family: SimSun;
}
.ca-tabs .el-radio-button:first-child .el-radio-button__inner{
    border: none;
    border-radius: 3px;
}
.ca-tabs .el-radio-button:last-child .el-radio-button__inner{
    border-radius: 3px;
}
